body {background-color: #f5f5f5;}

header {background-color: #c81622; height: 60px; overflow: hidden; padding: 0;}
header .logo {height: 60px; overflow: hidden;}
header .logo img {margin-top: 5px;}
header .sub-nav > ul {background: none; margin-left: 80px}
header .sub-nav > ul > li > a {display: block; padding: 0 20px; height: 60px; line-height: 60px; color: #ffffff; font-size: 1.2em;}
header .sub-nav > ul > li:hover > a, header .sub-nav > ul > li.selected > a {color: #fcff02; background: none;}

.sub-nav {position: relative; margin: 0;}
.sub-nav > ul {background-color: #e70012; overflow: auto;}
.sub-nav > ul > li {float: left;}
.sub-nav > ul > li > a {display: block; padding: 0 30px; height: 40px; line-height: 40px; color: #ffffff; font-size: 1.2em;}
.sub-nav > ul > li > a:hover {background-color: #ffffff; color: #e70012;}

.user-main {background-color: #ffffff; overflow: auto; padding: 20px 0;}

.table-list {position: relative; overflow: auto;}
.table-list .hd {background-color: #eeeeee;}
.table {overflow: auto; margin: 0;}
.table li {float: left; overflow: hidden;}
.table-list .hd .table li {text-align: center;}

.left-menu {padding: 0 20px;}
.left-menu li {color: #999999;}
.left-menu li > h5 {font-size: 1.5rem; border-bottom: 1px solid #dddddd; padding-bottom: 10px; padding-left: 10px;}
.left-menu li > ul {position: relative; overflow: hidden;}
.left-menu li > ul > li {font-size: 1.2rem; padding-left: 30px; line-height: 40px; height: 40px; margin-top: 2px;}
.left-menu li > ul > li a {display: block;}
.left-menu li > ul > li:hover {background-color: #eeeeee;}
.left-menu li > ul > li.selected {background-color: #eeeeee; border-left: 2px solid #93cb11;}

.user-main .col-xs-9 {padding: 0 15px;}
.user-main .col-xs-9 h5 {border-bottom: 1px solid #dddddd; font-weight: 600; font-size: 1.5rem; padding-bottom: 10px; padding-left: 10px;}

.panel {border-radius: 0;}
.panel .head {background-color: #eeeeee; padding: 15px; font-size: 1.2rem;}
.panel .panel-head {padding: 10px;}
.panel .panel-main {padding: 10px;}
.panel.panel-border {border: 1px solid #dddddd;}
.panel.panel-border .panel-head {border-bottom: 1px solid #dddddd;}

.page span {min-width: 40px; height: 40px; line-height: 40px; text-align: center;}
.page span.current, .page a {min-width: 40px; width: 40px; height: 40px; line-height: 40px;}
.page span.current, .page a:hover {min-width: 40px; width: 40px; height: 40px; line-height: 40px;}

.content {padding: 10px; overflow: auto; width: 100%; min-height: 600px;}

.right-head-nav {position: relative; overflow: auto;}
.right-head-nav li {float: left; }
.right-head-nav li a {background-color: #eeeeee; color: #000000; height: 40px; line-height: 40px; display: inline-block; width: 140px; text-align: center;}
.right-head-nav li.selected a {background-color: #d33031; color: #ffffff;}

.form-group {margin: 0 0 15px 0 !important;}
.form-group .label-control {float: left; width: 120px; height: 34px; margin-right: 15px; vertical-align: middle; text-align:right}
.form-group .input-control {float: left; vertical-align: middle; min-width: 350px; margin: 0; padding: 0; max-width: 670px;}
.form-group .input-control .input-select {display: inline-block; min-width: 100px; width: auto;}
.form-group .input-control .input-mini {display: inline-block; width: 60px; margin: 0 5px;}
.form-group .input-control .time-control {display: inline-block; width: 200px;}
.form-group .input-control .time-control + .input-select {display: inline-block; width: 80px;}
.form-group .button-control {float: left; margin-left:  100px; margin-top: 30px;}
.form-group .btn {background-color: #d33031; color: #ffffff; padding: 0; margin: 0; width: 150px; text-align: center; height: 40px; line-height: 40px;}
.form-group .upload {text-indent: -999px; background-image: url("../images/icon/icon23.png"); background-repeat: no-repeat; background-size: 100%; height: 80px; width: 80px; display: inline-block; border: 0;}
.form-group .textarea {border: 1px solid #dddddd; width: 600px; height: 150px; padding: 10px;}
.form-group .headpic {width: 98px; height: 98px; padding: 2px; border: 1px solid #dddddd; overflow: hidden;}
.form-group .headpic img {width: 100%; height: 100%;}
.form-group #headpic {position: absolute; top: 0; opacity: 0;}
.form-group .shop-head-img {height: 100px; width: 500px; border: 1px solid #dddddd; margin-top: 10px;}
.form-group .shop-head-img span {width: 100%; display: block; height: 100px; line-height: 100px; text-align: center; color: #bbbbbb; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor: default;}
.form-group .shop-head-img img {width: 100%; height: 100%; display: inline-block; position: absolute; top: 0;}
.form-group .uploadify {display: inline-block; float: left; margin-right: 15px;}
.form-group p {line-height: 34px; margin: 0;}
.form-group em.price {font-weight: 600; margin-right: 5px;}
.form-group .check-rule dd {margin: 10px 0 0 20px;}
.form-group .check-rule dd .input-select, .form-group .check-rule dd .input-mini {margin: 0 5px;}
.form-group .check-rule dd p {margin-top: 10px;}
.form-group .putinbtn {background-color: #2568b0;}
.form-group .authimg {width: 98px; height: 98px; padding: 2px; border: 1px solid #dddddd; overflow: hidden;}
.form-group .authimg img {width: 100%; height: 100%;}
.form-group #authimg {position: absolute; top: 0; opacity: 0;}

form.form-shipping .label-control {width: auto;}

.add-success {margin: 50px 0;}
.add-success p.success {font-size: 1.5rem; font-weight: 600;}
.add-success p.share {margin-top: 30px;}
.add-success p.share span {display: inline-block; top: -35px; position: relative;}
.add-success .icon {background-image: url("../images/icon/icon25.png"); display: inline-block; background-repeat: no-repeat; text-align: center; padding-top: 60px; font-size: 1.3rem; margin-left: 15px;}
.add-success .icon.icon-shequ {height: 55px; width: 55px; background-position: 0 0;}
.add-success .icon.icon-qq {height: 55px; width: 55px; background-position: -65px 0;}
.add-success .icon.icon-weixin {height: 55px; width: 55px; background-position: -130px 0;}

.products .table li {width: 260px;}
.products .table li + li {width: 80px; text-align: center;}
.products .table li + li + li {width: 80px; text-align: center;}
.products .table li + li + li + li {width: 80px; text-align: center;}
.products .table li + li + li + li + li {width: 120px; text-align: center;}
.products .table li + li + li + li + li + li {width: 165px; text-align: center;}

.products.table-list .hd .table li:first-child {text-align: left;}

.products .hd {padding: 10px; background-color: #ffffff; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.products .bd > .products-list > li {padding: 10px; border-bottom: 1px solid #dddddd;}
.products .bd > .products-list > li > ul.table > li > .thumb {width: 98px; height: 98px; display: inline-block; float: left; overflow: hidden; margin-right: 5px; border: 1px solid #dddddd; padding: 2px;}
.products .bd > .products-list > li > ul.table > li > .thumb img {width: 100%; height: 100%;}
.products .bd > .products-list > li > ul.table > li.action > a {color: #3853be;}

.order-nav {position: relative; overflow: auto; background-color: #eeeeee; margin-bottom: 10px;}
.order-nav li {float: left; padding: 10px 0 10px 12px;}
.order-nav li .num {color: #d33031;}
.order-nav li .num:before {content: "(";}
.order-nav li .num:after {content: ")";}
.order-nav li.selected a {color: #d33031;}

.order-search {margin: 10px 0;}
.order-search input {float: left; border: 1px solid #dddddd; height: 34px; line-height: 34px; padding: 0 10px; width: 300px;}
.order-search .btn {height: 34px; line-height: 34px; width: 120px; text-align: center; padding: 0; border: 1px solid #dddddd; background-color: #eeeeee; border-radius: 0;}

.orders .table li {width: 283px;}
.orders .table li + li {width: 65px; text-align: center;}
.orders .table li + li + li {width: 65px; text-align: center;}
.orders .table li + li + li + li {width: 160px; text-align: center;}
.orders .table li + li + li + li + li {width: 110px; text-align: center;}
.orders .table li + li + li + li + li + li {width: 100px; text-align: center;}

.orders .hd {padding: 10px;}
.order-list > li {border: 1px solid #dddddd; margin: 10px 0 0 0;}
.order-list > li > .head {padding: 10px; border-bottom: 1px solid #dddddd;}
.order-list > li > .head > .order-no {margin-right: 25px;}
.order-list > li > .head > .order-s-status {float: right; margin-right: 15px; color: #d33031;}

.order-list > li > .p-list > li {padding: 10px;}
.order-list > li > .p-list > li .thumb {width: 98px; height: 98px; display: inline-block; float: left; overflow: hidden; margin-right: 10px; border: 1px solid #dddddd; padding: 2px;}
.order-list > li > .p-list > li .thumb img {width: 100%; height: 100%;}
.order-list > li > .p-list > li .order-sfk {font-weight: 600;}
.order-list > li > .p-list > li .order-jdf {font-size: .8rem; margin-top: 20px;}
.order-list > li > .p-list > li .order-status {color: #999999;}
.order-list > li > .p-list > li .order-action {text-align: right;}
.order-list > li > .p-list > li .order-action .btn {background-color: #d33031; color: #ffffff; width: 100px; text-align: center; height: 30px; line-height: 30px; border-radius: 0; padding: 0; margin: 0 0 5px 0;}
.order-list > li > .p-list > li .order-action .btn.cancel {background-color: #cccccc; color: #000000;}

.order .status {padding: 10px; background-color: #eeeeee; font-size: 1.2rem; margin-bottom: 20px;}
.order .status .stat {margin: 0 10px; color: #d33031; font-weight: 600;}
.order .status .short-stat {font-size: 1rem; color: #999999;}
.order .panel {border: 0; margin-bottom: 30px;}
.order .panel h5 {font-weight: normal; font-size: 1rem; color: #000000; font-weight: 600;}
.order .panel .panel-main {padding: 0 10px;}
.order .panel .ship-logs .text {margin-left: 10px;}
.order .panel .order-info {overflow: auto;}
.order .panel .order-info div {margin-bottom: 10px;}
.order .panel .order-info .order-info-label {width: 10%; display: inline-block; float: left;}
.order .panel .order-info .order-info-text {width: 90%; display: inline-block; float: left;}
.order .panel .order-info .order-info-text .col-xs-4 {padding: 0;}
.order .product-list {border: 1px solid #dddddd;}
.order .product-list .hd {border-bottom: 1px solid #dddddd;}
.order .product-list .table li {padding: 10px;}
.order .product-list .table li {width: 283px;}
.order .product-list .table li + li {width: 65px; text-align: center;}
.order .product-list .table li + li + li {width: 65px; text-align: center;}
.order .product-list .table li + li + li + li {width: 160px; text-align: center;}
.order .product-list .table li + li + li + li + li {width: 110px; text-align: center;}
.order .product-list .table li + li + li + li + li + li {width: 100px; text-align: center;}
.order .product-list .p-list > li .thumb {width: 98px; height: 98px; display: inline-block; float: left; overflow: hidden; margin-right: 10px; border: 1px solid #dddddd; padding: 2px;}
.order .product-list .p-list > li .thumb img {width: 100%; height: 100%;}
.order .product-list .p-list > li .order-sfk {font-weight: 600;}
.order .product-list .p-list > li .order-jdf {font-size: .8rem; margin-top: 20px;}
.order .product-list .p-list > li .order-status {color: #999999;}
.order .product-list .p-list > li .order-action {text-align: right;}
.order .product-list .p-list > li .order-action .btn {background-color: #d33031; color: #ffffff; width: 80px; text-align: center; height: 30px; line-height: 30px; border-radius: 0; padding: 0; margin: 0 0 5px 0;}
.order .product-list .p-list > li .order-action .btn.cancel {background-color: #cccccc; color: #000000;}
.order .ship-logo {width: 98px; height: 98px; display: inline-block; float: left; overflow: hidden; margin-right: 10px; border: 1px solid #dddddd; padding: 2px;}
.order .ship-logo img {width: 100%; height: 100%;}

.tech-question-list {padding: 20px 0;}
.tech-question-list li:before {content: "·"; margin-right: 10px;}
.tech-question-list li {line-height: 50px; height: 50px; border-bottom: 1px solid #dddddd;}
.tech-question-list li a {width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tech-question-list li em.time {float: right;}

.tech-video-list {padding: 20px 0; overflow: auto;}
.tech-video-list li {float: left; width: 260px; height: 300px; overflow: hidden; padding: 10px; position: relative;}
.tech-video-list li img {width: 100%; height: 260px;}
.tech-video-list li p {line-height: 30px; height: 30px; margin: 0; background-color: #cccccc; padding: 0 10px;}
.tech-video-list li a.video-play {display: inline-block; position: absolute; height: 260px; width: 240px; top: 10px; background-color: rgba(0,0,0,0.6);}
.tech-video-list li a.video-play i {font-size: 2.5rem; text-align: center; width: 60px; display: block; line-height: 60px; color: #ffffff; border: 3px solid #ffffff; border-radius: 50%; text-indent: 4px; position: absolute; top: 35%; left: 38%;}
.tech-video-list li a.video-play:hover i {color: #cbcbcb;}

.cashs .total {overflow: auto; padding: 10px 30px;}
.cashs .total span {font-size: 1.5rem;}

.cashs .table li {width: 120px; text-align: center;}
.cashs .table li + li {width: 200px; text-align: left;}
.cashs .table li + li + li {width: 140px; text-align: center;}
.cashs .table li + li + li + li {width: 60px; text-align: center;}
.cashs .table li + li + li + li + li {width: 60px; text-align: center;}
.cashs .table li + li + li + li + li + li {width: 60px; text-align: center;}
.cashs .table li + li + li + li + li + li + li {width: 80px; text-align: center;}
.cashs .table li + li + li + li + li + li + li + li {width: 60px; text-align: center;}

.cashs .hd {padding: 10px;}
.cashs .hd li {font-weight: 600;}

.cashs-list > li {padding: 20px 10px; border-bottom: 1px solid #dddddd;}
.cashs-list > li .thumb {width: 58px; height: 58px; display: inline-block; float: left; overflow: hidden; margin-right: 5px; border: 1px solid #dddddd; padding: 2px;}
.cashs-list > li .thumb img {width: 100%; height: 100%;}
.cashs-list > li .num, .cashs-list > li .sym {color: #d33031;}

.identifies .total {overflow: auto; padding: 10px 30px;}
.identifies .total span {font-size: 1.5rem;}

.identifies .table li {width: 140px; text-align: center;}
.identifies .table li + li {width: 260px; text-align: left;}
.identifies .table li + li + li {width: 140px; text-align: center;}
.identifies .table li + li + li + li {width: 90px; text-align: center;}
.identifies .table li + li + li + li + li {width: 150px; text-align: center;}

.identifies .hd {padding: 10px;}
.identifies .hd li {font-weight: 600;}

.identifies-list > li {padding: 20px 10px; border-bottom: 1px solid #dddddd;}
.identifies-list > li .thumb {width: 58px; height: 58px; display: inline-block; float: left; overflow: hidden; margin-right: 5px; border: 1px solid #dddddd; padding: 2px;}
.identifies-list > li .thumb img {width: 100%; height: 100%;}
.identifies-list > li .num, .cashs-list > li .sym {color: #d33031;}